<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport">
    <link rel="shortcut icon" href="favicon.ico">
    <title>云职外包 / 项目介绍</title>
    <meta name="description" content="Estudio NK. Donde la pasión de un estudio se suma a la estrategia de una agencia." />
    <link href="css/reset.css" rel="stylesheet">
    <link href="css/css.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">
    <link href="fonts/fonts.css" rel="stylesheet">
    <script src="js/jquery-1.11.2.min.js"></script>
    <script src="js/jquery.easing.js"></script>
    <script src="js/jquery.flexslider-min.js"></script>
    <link rel="icon" href="./img/fav.png">
</head>

<body class="blueGlow">
    <div id="loading">
        <img src="img/loading.png" id="load">
        <div id="latido" class="loadingGlow"></div>
        <div id="circle"></div>
    </div>
    <header class="headSalmon">
        <div class="logo">
            <a href="index.html">
                <img src="img/logo-salmon.png" class="salmon" />
                <img src="img/logo-azul.png" class="blue" />
            </a>
        </div>
        <div class="btnMenu"><i></i><i></i><i></i></div>
        <nav class="navBlue">
            <div class="botonera">
                <i></i>
                <ul>
                    <li><a href="index.html" class="act">首页<i></i></a></li>
                    <li><a href="estudio.html">项目介绍<i></i></a></li>
                    <li><a href="contacto.html">关于我们<i></i></a></li>
                </ul>
                <i></i>
            </div>
        </nav>
    </header>
    <section id="estudio_01" class="blueGlow in">
        <div class="splash layer" data-depth="0.10"><img src="img/splash-hola.png" width="700"></div>
        <div class="layer" data-depth="0.0">
            <div class="welcome">
                <hr class="fat">
                <p>
                    <strong>hola</strong>
                </p>
                <hr>
            </div>
            <div class="holaTxt">
                <p>传统雇用制时代的正在终结，未来的将是自由职业者工作者的时代。 雇佣制源于工业时代，大多数工人本质上是机器的延伸，其工作方式也必须像机器一样整齐划一。因此，工业社会又可以称之为雇员社会。但是随着知识工作者的出现，德鲁克早在60多年前就提出，雇员社会正在“发生倒退”，外包、合作将逐渐兴起。 而全球顶级知名的人力资源专家瑞文·杰苏萨森（Ravin Jesuthasan）在其著作《未来的工作》一书中洞察到，现在90%的全职工作岗位在未来20年会消失，全职的员工会变成自由工作者，企业也会把工作的重心逐步转移到外包公司和合作伙伴中去，传统的企业组织模式会被颠覆。</p>
            </div>

        </div>
        </div>
    </section>
    <section id="estudio_02" class="blueGlow">
        <div class="strip">
            <div class="wp960">
                <div class="number">
                    <hr class="fat">01<span><strong>合作</strong><br> /伙伴</span></div>
                <div class="carrusel">
                    <ul class="slides">
                        <li><img src="img/logo/bind.png" alt="Liderar"></li>
                        <li><img src="img/logo/yidong.png" alt="Liderar"></li>
                        <li><img src="img/logo/yitu.png" alt="Liderar"></li>
                        <li><img src="img/logo/yiyi.png" alt="Liderar"></li>
                        <li><img src="img/logo/yuebaoyuan.png" alt="Liderar"></li>
                        <li><img src="img/logo/yurun.png" alt="Liderar"></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="clientList">
            <h2>OTROS CLIENTES</h2>
            <div class="columns">
                <b>企业微信</b>
                <b>腾讯云</b>
                <b>国家电网</b>
                <b>启迪桑德</b>
                <b>歌路营</b>
                <b>晨光</b>
                <b>群友货</b>
                <b>好嘞</b>
                <b>国家国际合作署</b>
                <b>练客</b>
                <b>985亮厨</b>
                <b>Moonshot Academy </b>
                <b>纷享销客</b>
                <b>有赞</b>
                <b>COGITA</b>
                <b>NFEX</b>
                <b>WeBank</b>
                <b>一刻演讲</b>
                <b>LAZADA</b>
                <b>云起星辰</b>
                <b>快看漫画</b>
                <b>春雨医生</b>
                <b>森图教育</b>
                <b>apus</b>
                <b>Qualcumm</b>

            </div>
        </div>
        <div class="textuales">
            <ul class="slides">
                <li><strong>“ 定制 作品 ”</strong><small>产品天下皆有，而你的只属于你的“智慧”，这就是定制.</small></li>
                <li><strong>“ 智慧 设计 ”</strong><small>每一个设计作品背后皆有一个“有智慧”的故事.</small></li>
                <li><strong>“ 勇往 直前”</strong><small>我们不是独一无二的，所以我们努力成为客户眼中最好的.</small></li>
            </ul>
        </div>
    </section>
    <section id="estudio_03" class="salmonGlow" style="min-height:650px;">
        <div class="wp960">
            <div class="number"><br>
                <hr class="fat">02<span><strong>大象云职 </strong><br>项目外包</span></div>
            <div class="overflow">
                <div class="box03">
                    <strong>App定制开发</strong>
                    <h2>App</h2>
                    <ul>
                        <li>适合平台型公司</li>
                        <li>更适合做用户留存、变现</li>
                        <li>用户体验上佳</li>
                        <li>两端同时开发成本稍多</li>

                    </ul>
                </div>
                <div class="box03">
                    <strong>微信小程序</strong>
                    <h2>小程序</h2>
                    <ul>
                        <li>适合做用户增长</li>
                        <li>不易做用户留存</li>
                        <li>用户体验好</li>
                        <li>iOS、安卓终端皆可使用</li>

                    </ul>
                </div>
                <div class="box03">
                    <strong>Web系统定制</strong>
                    <h2>Web
                    </h2>
                    <ul>
                        <li>一般用于企业内部运营</li>
                        <li>适合有较高复杂操作度的</li>
                        <li>模板多，用户体验好</li>
                        <li>主流浏览器都可以使用</li>
                    </ul>
                </div>
                <div class="boxProceso">
                    <h3>选择云职外包 = 选择省心！ </h3>
                    <p>JAVA</p>
                    <p>PHP</p>
                    <p>Vue</p>
                    <p>React</p>
                    <p>Vant</p>
                    <p>Angular</p>
                    <p>SQL</p>
                    <p>Photoshop</p>
                    <p>Xmind</p>
                    <p>墨刀</p>
                    <p>蓝湖</p>
                    <p>CorelDRAW</p>
                    <p>Sketch</p>
                </div>
            </div>
        </div>
    </section>
    <section id="estudio_04">
        <div class="wp960">
            <div class="number">
                <hr class="fat">03<span><em>云职外包</em><strong>客户口袋里的</strong><br>IT 团队</span></div>
            <div id="manchas" class="gradientManchas" style="margin-top:60px; ">
                <div class="border"></div>
                <div class="circle rosa"></div>
                <div class="circle blancoBig"></div>
                <div class="circle blanco"></div>
                <div class="mancha rosaBack hidden"><img src="img/mancha-rosa-back.png"></div>
                <div class="mancha rosaFront hidden"><img src="img/mancha-rosa-front.png"></div>
                <div class="mancha blanca hidden"><img src="img/mancha-blanca.png"></div>
                <div class="boxInfo estudio hidden">
                    <h2>50%</h2>
                    <hr>
                    <strong>项目外包合作</strong>
                    <span>运维托管服务</span>
                    <hr>
                    <p style="text-align: right;">专业的产品经理帮助企业梳理业务需求， 协助您做业务分析， 忠诚的产品技术服务， 某种情形下，更胜全职团队。“因为我们，说改就改”</p>

                </div>
                <div class="boxInfo agencia hidden">
                    <h2>50%</h2>
                    <hr>
                    <strong>服务内容全面</strong>
                    <span>客户需求</span>
                    <hr>
                    <p>专业的产品经理帮助企业梳理业务需求，协助您做业务分析，专业的技术大拿帮您规划技术架构，让您不再为技术烦心 敏捷的迭代计划，让您的业务小步快跑，快速验证业务和市场 一流的创新顾问团队协助您做业务创新、业务转型
                    </p>
                </div>
            </div>
        </div>
    </section>
    <section id="estudio_06" class="salmonGlow">
        <div class="wp960">
            <div class="number">
                <hr class="fat">04<span><em>产品介绍</em>运维托管<br><strong>服务</strong></span></div>
            <div class="awards">
                <div class="premio">
                    <div class="icoPremio"><img src="img/yunwei1.png" alt="css design"><span>1</span></div>
                    <div class="space"><i></i><i></i></div>
                    <div class="logros">
                        <!-- <h2>帮您管好服务器</h2> -->
                        <hr>
                        <br>
                        <p>
                            帮您管理好您公司的服务器，不论是私有部署还是云服务器，平台的一线运维工程师给您不间断的保护，并随时与您保护信息通畅。某些时候可能比您的自有员工更周到、更忠诚、更有责任心
                        </p>
                    </div>
                </div>
                <div class="premio mid">
                    <div class="icoPremio"><img src="img/yunwei2.png" alt="awwwards"><span>2</span></div>
                    <div class="space"><i></i><i></i></div>
                    <div class="logros">
                        <!-- <h2>线上生产环境部署</h2> -->
                        <hr>
                        <br>
                        <p>
                            帮您管理您公司的线上生产环境。对于线上业务来说，生产大如天，生产环境若有不善，轻则影响业务开展，重则给上下游都会带来灾难性影响。专业的运维交给专业的工程师来管，您不必再为技术团队管理来分心
                        </p>
                    </div>
                </div>
                <div class="premio">
                    <div class="icoPremio"><img src="img/yunwei3.png" alt="css winner"><span>3</span></div>
                    <div class="space"><i></i><i></i></div>
                    <div class="logros">
                        <!-- <h2>提供运维顾问级支持</h2> -->
                        <hr>
                        <br>
                        <p>
                            帮您提供一线运维级别的细致的顾问服务，优秀的筹划能力，合理搭配使用资源，有时能够为您省上不小的一笔成本。运维服务全包圆，更省心、省钱、省力的一揽子服务
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="estudio_05" class="blueGlow">
        <div class="wp960">
            <div class="number">
                <hr class="fat">05<span><em>Case introduced</em><strong>案例</strong> 介绍</span></div>
            <div class="instituciones">
                <div class="wpInst">
                    <img src="img/logo/link.png" alt="AWWARDS">
                    <p><strong>用户端App + 教练主播端App + Web管理后台</strong><br> 练客是宏远时代体育产业集团旗下产品，主要是围绕公司核心业务（体育培训），通过教练在线教学，学员、家长观看直播，教练与学员互动，达到教学目的.</p>
                </div>
                <div class="wpInst">
                    <img src="img/logo/dance.png" alt="Behance">
                    <p><strong>官网 + Web后台</strong><br> 安诺心灵舞者官网是美国纽约的国际知名艺术家An Nuo女士创立，旨在通过心灵舞艺术为相关的病症或普通民众提供一种疗愈、精神享受，官网项目主要作为宣传和传播用.</p>
                </div>
                <div class="wpInst">
                    <img src="img/logo/halo.png" alt="fadu">
                    <p><strong>微信小程序用户端 + 微信小程序商户端</strong><br> 好嘞社区是以建立在小区内部的便民服务亭，以服务亭为立足点，以小区业主群为依托，融合当地商户的便民服务，提供上门预约订单、在线结算的一站式家庭服务.</p>
                </div>
            </div>
            <hr>
        </div>
    </section>
    <footer>

        <div class="legal"><strong>大象之铂（北京）信息科技有限公司</strong> | 备案号：京ICP备20030310号-2 Copyright © 2019</div>
    </footer>
    <script src="js/parallax.js"></script>
    <script>
        $(document).ready(function(e) {
            var scene1 = document.getElementById('estudio_01');
            var parallax = new Parallax(scene1);

            //SLIDES
            var cantSlide = $('.flexManifiesto ul.slides li').length;
            $('#cant').html('/' + cantSlide);
            $('.flexManifiesto').flexslider({
                animation: "slide"
            });
            $('.flexImages').flexslider({
                animation: "slide"
            });
            $('.textuales').flexslider({
                animation: "fade"
            });

            $('.carrusel').flexslider({
                animation: "slide",
                animationLoop: false,
                itemWidth: 150,
                itemMargin: 0,
                pausePlay: false,
            });
            //SCROLL
            $(window).scroll(function(e) {
                var scrol = $(window).scrollTop();
                var sect1 = $('#estudio_01').height();
                var sect2 = $('#estudio_02').height();
                var sect3 = $('#estudio_03').height();
                var sect4 = $('#estudio_04').height();
                var sect5 = $('#estudio_05').height();
                var sect6 = $('#estudio_06').height();
                if (scrol >= (sect1 + sect2) && scrol < (sect1 + sect2 + sect3)) {
                    $('header').removeClass('headSalmon');
                    $('nav').removeClass('navBlue');
                } else if (scrol >= (sect1 + sect2 + sect3 + sect4) && scrol < (sect1 + sect2 + sect3 + sect4 + sect6)) {
                    $('header').removeClass('headSalmon');
                    $('nav').removeClass('navBlue');
                } else {
                    $('header').addClass('headSalmon');
                    $('nav').addClass('navBlue');
                }
                if (scrol > (sect1 + sect2 + sect3 + 360)) {
                    $('.mancha, .boxInfo').removeClass('hidden');
                } else {
                    $('.mancha, .boxInfo').addClass('hidden');
                }
            });
            //logros
            $('#estudio_06 .space').click(function(e) {
                var clas = $(this).attr('class');
                if (clas == 'space') {
                    $('#estudio_06 .space').removeClass('actv');
                    $('#estudio_06 .logros').slideUp('fast');
                    $(this).addClass('actv');
                    $(this).parent().find('.logros').slideDown('fast');
                } else {
                    $('#estudio_06 .space').removeClass('actv');
                    $('#estudio_06 .logros').slideUp('fast');
                }
            });
            //Parallax
            $(document).mousemove(function(e) {
                var coords = $(window).width() / 3;
                console.log(coords);
                if (e.pageX < coords) {
                    $('#manchas .boxInfo').removeClass('focusOff');
                    $('#manchas .boxInfo.agencia').addClass('focusOff');
                    $('#manchas .circle').removeClass('focus');
                    $('#manchas .circle.rosa').addClass('focus');
                } else if (e.pageX > coords && e.pageX < (coords * 2)) {
                    $('#manchas .boxInfo').removeClass('focusOff');
                    $('#manchas .circle').removeClass('focus');
                } else {
                    $('#manchas .boxInfo').removeClass('focusOff');
                    $('#manchas .boxInfo.estudio').addClass('focusOff');
                    $('#manchas .circle').removeClass('focus');
                    $('#manchas .circle.blanco, #manchas .circle.blancoBig').addClass('focus');

                }
            });
        });
    </script>
    <script src="js/js.js"></script>
</body>

</html>